<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>用户管理</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<style type="text/css">
#container {
	margin-top: -20px;
	margin-left: 10px;
}
</style>

</head>
<body>
	<div id="container"  >
		<div class="page-header">
			<h2>用户列表</h2>
		</div>
		<form action="" >
			<div class="row">
				<div class="col-xs-6 col-sm-3">
					<div class="row">
						<div class="col-xs-8 col-sm-3">
							<span class="btn btn-default">用户名</span>
						</div>
						<div class="col-xs-3 col-sm-8">
							<input type="text" class="form-control" />
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-2">
					<div class="row">
						<div class="col-xs-8 col-sm-4">
							<span class="btn btn-default">手机号码</span>
						</div>
						<div class="col-xs-3 col-sm-8">
							<input type="text" class="form-control" />
						</div>
					</div>

				</div>
				<div class="col-xs-6 col-sm-4">
					<input type="button" class="btn btn-primary"  value="查询" />
				</div>
			</div>
		</form>
		<div class="row">&nbsp;</div>
		<div class="row">
			<div class="col-xs-6 col-sm-4">
				<a class="btn btn-success"> <span class="glyphicon glyphicon-ok-sign"></span>
					恢复使用</a>
				
				<a class="btn btn-danger" > <span
					class="glyphicon glyphicon-trash"></span> 禁止使用</a>
			</div>
		</div>

		<div class="row">&nbsp;</div>
		<div class="row">
			<div class="col-xs-6 col-sm-11">
				<div class="table-responsive"
					style="vertical-align: middle;text-align: center;">
					<table id="searchTable"
						class="table table-bordered table-hover table-condensed  ">
						<tr>
							<td><input type="checkbox" id="all" value="全选"
								/> 全选</td>
							<td>ID</td>
							<td>用户名</td>
							<td>手机账号</td>
							<td>状态</td>
							<td>创建时间</td>
						</tr>
							<tr>
								<td><input type='checkbox' name="opt"/>
								</td>
								<td>1</td>
								<td>lufei</td>
								<td>17725935869</td>
								<td>正常</td>
								<td>2017-05-01 12:06:09
								</td>
							</tr>
							<tr>
								<td><input type='checkbox' name="opt"/>
								</td>
								<td>1</td>
								<td>lufei</td>
								<td>17725935869</td>
								<td>正常</td>
								<td>2017-05-01 12:06:09
								</td>
							</tr>
							<tr>
								<td><input type='checkbox' name="opt"/>
								</td>
								<td>1</td>
								<td>lufei</td>
								<td>17725935869</td>
								<td>禁用</td>
								<td>2017-05-01 12:06:09
								</td>
							</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
<style>
td {
	vertical-align: middle !important;
}
</style>
</html>
